import {ComponentType} from 'react'
import Taro, {Component, Config} from '@tarojs/taro'
import {View, Button, Text, Swiper, SwiperItem, Image} from '@tarojs/components'



import './service.less'
import icon_10 from "../../assets/img/icon_10.png";
import icon_11 from "../../assets/img/icon_11.png";
import icon_12 from "../../assets/img/icon_12.png";
import icon_13 from "../../assets/img/icon_13.png";
import icon_14 from "../../assets/img/icon_14.png";
import icon_15 from "../../assets/img/icon_15.png";
import icon_16 from "../../assets/img/icon_16.png";
import icon_17 from "../../assets/img/icon_17.png";
import icon_18 from "../../assets/img/icon_18.png";
import icon_00 from "../../assets/img/icon_00.png";
import icon_20 from "../../assets/img/icon_20.png";
import icon_21 from "../../assets/img/icon_21.png";

class Service extends Component {
  componentWillMount() {
    Taro.setNavigationBarTitle({title: '车主服务'})
  }

  render() {
    return (
      <View className='service'>
         <View className='service_item'>
           <Image className='service_icon' src={icon_10} />
           <View className='service_title'>维修保养</View>
         </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_11} />
          <View className='service_title'>汽车美容</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_12} />
          <View className='service_title'>做漆曝光</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_13} />
          <View className='service_title'>车辆年检</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_14} />
          <View className='service_title'>代驾接送</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_15} />
          <View className='service_title'>驾照查分</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_16} />
          <View className='service_title'>违章查询</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_17} />
          <View className='service_title'>代缴罚款</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_18} />
          <View className='service_title'>换补领驾驶证</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_00} />
          <View className='service_title'>道路救援</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_20} />
          <View className='service_title'>维修保养</View>
        </View>
        <View className='service_item'>
          <Image className='service_icon' src={icon_21} />
          <View className='service_title'>ETC办理</View>
        </View>
      </View>
    )
  }
}

export default Service
